<table class="forum-table">
  <thead>
    <tr> 
      <th width="100">Replies</th> 
      <th> Title/Content</th> 
      <th width="150">Views  <i class="fa fa-angle-down"></i></th> 
      <th width="40">Last Reply <i class="fa fa-angle-down"></i></th>
    </tr>
  </thead>

  <tbody>
    <tr class="thread-tr">
      <td>
        <div class="rep-wrap text-center large-12 column">
          <div class="large-12 column"><h3>10</h3></div>
            <div class="for-rep large-12 column">
              <strong>Replies</strong>
            </div>
        </div>
      </td>

      <td class="forum-content">
        <h4><a>Dropdown Positioning Fix Released in Sites v5.5!</a></h4>
        <p>By 
            <a data-dropdown="drop2" aria-controls="drop2" aria-expanded="false" data-options="is_hover:true; hover_timeout:5000">nose_bleed21</a>, <small>ABOUT 17 HOURS AGO</small> 
            <a class="right" href="">Web Designing</a>
              <div id="drop2" data-dropdown-content class="f-dropdown content" aria-hidden="true" tabindex="-1">
                <div class="large-12 column" style="padding:0;background:url(img/cover_photo/bg.jpg);background-size:cover;height:4rem;width:100%;">
                  hello
                </div>
              </div>
        </p>
        <p>Hey Everyone! Just wanted to share some awesomeness mixed into the latest release for Foundation Sites. There was a problem with really wide. (Read more)
        </p>

        <ul class="inline-list" style="margin-bottom:-.8rem;">
          <li>
            <label>
              <a class="thread-tags tiny radius button">Jscript</a>
              <a class="thread-tags tiny radius button">HTML</a>
              <a class="thread-tags tiny radius button">CSS</a>
              <a class="thread-tags tiny radius button">ios</a>
            </label>
          </li>
          <li class="right">
            <a class="a right" data-tooltip aria-haspopup="true" class="has-tip" title="12 Tags">
              <i class="fa fa-tags"></i>
            </a>
          </li>
          <li class="right">
            <a class="a right" data-tooltip aria-haspopup="true" class="has-tip" title="Status: Active">
              <i class="fa fa-inbox"></i>
            </a>
          </li>
          <li class="right">
            <a class="a right" data-tooltip aria-haspopup="true" class="has-tip" title="3 Images">
              <i class="fa fa-paperclip"></i>
            </a>
          </li>
        </ul>
      </td>
      <td class="text-center" style="color:gray;">32,000</td>
      <td class="text-center">
        <a style="color:#009EA1;">forumMaster_14</a>
        <small>about 2 days ago</small>
      </td>
    </tr> 

 <tr class="thread-tr">
      <td>
        <div class="rep-wrap text-center large-12 column">
          <div class="large-12 column"><h3>10</h3></div>
            <div class="for-rep large-12 column">
              <strong>Replies</strong>
            </div>
        </div>
      </td>

      <td class="forum-content">
        <h4><a>Dropdown Positioning Fix Released in Sites v5.5!</a></h4>
        <p>By 
            <a data-dropdown="drop2" aria-controls="drop2" aria-expanded="false" data-options="is_hover:true; hover_timeout:5000">nose_bleed21</a>, <small>ABOUT 17 HOURS AGO</small> 
            <a class="right" href="">Web Designing</a>
              <div id="drop2" data-dropdown-content class="f-dropdown content" aria-hidden="true" tabindex="-1">
                <div class="large-12 column" style="padding:0;background:url(img/cover_photo/bg.jpg);background-size:cover;height:4rem;width:100%;">
                  hello
                </div>
              </div>
        </p>
        <p>Hey Everyone! Just wanted to share some awesomeness mixed into the latest release for Foundation Sites. There was a problem with really wide. (Read more)
        </p>

        <ul class="inline-list" style="margin-bottom:-.8rem;">
          <li>
            <label>
              <a class="thread-tags tiny radius button">Jscript</a>
              <a class="thread-tags tiny radius button">HTML</a>
              <a class="thread-tags tiny radius button">CSS</a>
              <a class="thread-tags tiny radius button">ios</a>
            </label>
          </li>
          <li class="right">
            <a class="a right" data-tooltip aria-haspopup="true" class="has-tip" title="12 Tags">
              <i class="fa fa-tags"></i>
            </a>
          </li>
          <li class="right">
            <a class="a right" data-tooltip aria-haspopup="true" class="has-tip" title="Status: Active">
              <i class="fa fa-inbox"></i>
            </a>
          </li>
          <li class="right">
            <a class="a right" data-tooltip aria-haspopup="true" class="has-tip" title="3 Images">
              <i class="fa fa-paperclip"></i>
            </a>
          </li>
        </ul>
      </td>
      <td class="text-center" style="color:gray;">32,000</td>
      <td class="text-center">
        <a style="color:#009EA1;">forumMaster_14</a>
        <small>about 2 days ago</small>
      </td>
    </tr> 

 <tr class="thread-tr">
      <td>
        <div class="rep-wrap text-center large-12 column">
          <div class="large-12 column"><h3>10</h3></div>
            <div class="for-rep large-12 column">
              <strong>Replies</strong>
            </div>
        </div>
      </td>

      <td class="forum-content">
        <h4><a>Dropdown Positioning Fix Released in Sites v5.5!</a></h4>
        <p>By 
            <a data-dropdown="drop2" aria-controls="drop2" aria-expanded="false" data-options="is_hover:true; hover_timeout:5000">nose_bleed21</a>, <small>ABOUT 17 HOURS AGO</small> 
            <a class="right" href="">Web Designing</a>
              <div id="drop2" data-dropdown-content class="f-dropdown content" aria-hidden="true" tabindex="-1">
                <div class="large-12 column" style="padding:0;background:url(img/cover_photo/bg.jpg);background-size:cover;height:4rem;width:100%;">
                  hello
                </div>
              </div>
        </p>
        <p>Hey Everyone! Just wanted to share some awesomeness mixed into the latest release for Foundation Sites. There was a problem with really wide. (Read more)
        </p>

        <ul class="inline-list" style="margin-bottom:-.8rem;">
          <li>
            <label>
              <a class="thread-tags tiny radius button">Jscript</a>
              <a class="thread-tags tiny radius button">HTML</a>
              <a class="thread-tags tiny radius button">CSS</a>
              <a class="thread-tags tiny radius button">ios</a>
            </label>
          </li>
          <li class="right">
            <a class="a right" data-tooltip aria-haspopup="true" class="has-tip" title="12 Tags">
              <i class="fa fa-tags"></i>
            </a>
          </li>
          <li class="right">
            <a class="a right" data-tooltip aria-haspopup="true" class="has-tip" title="Status: Active">
              <i class="fa fa-inbox"></i>
            </a>
          </li>
          <li class="right">
            <a class="a right" data-tooltip aria-haspopup="true" class="has-tip" title="3 Images">
              <i class="fa fa-paperclip"></i>
            </a>
          </li>
        </ul>
      </td>
      <td class="text-center" style="color:gray;">32,000</td>
      <td class="text-center">
        <a style="color:#009EA1;">forumMaster_14</a>
        <small>about 2 days ago</small>
      </td>
    </tr> 
  </tbody>
</table>
    <div class="text-center large-12 column" style="background:#009EA1;padding:0;">
      <a class="expand button" style="background:#009EA1;margin:0;">Load more</a>
    </div>
  </div>

